<template>
  <div>
    <navtop>
      <div class="header-search">
        <van-icon name="search" class="icon-suo" />
        <span class="search-title">家电返场同价11.11</span>
      </div>
    </navtop>
    <product></product>
  </div>
</template>

<script>
import navtop from "../../components/navTop.vue";
import product from "./views/productlist.vue";
export default {
  components: {
    navtop,
    product,
  },
};
</script>

<style lang="scss" scoped>
@import "@/common/style/mixin";
.header-search {
  width: 70%;
  height: 40px;
  line-height: 40px;
  margin-left: 50%;
  margin-top: 15px;
  transform: translateX(-50%);
  padding: 7px 0;
  color: #232326;
  background: white;
  @include borderRadius(40px);
  text-align: left;
  .icon-suo {
    margin-left: 20px;
    font-size: 30px;
    padding: 5px;
    color: #656771;
  }
  .search-title {
    font-size: 18px;
    line-height: 40px;
    color: #656771;
  }
}
</style>